<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="../pages/template.xhtml">
	<ui:define name="head">
		<title>#{msg.intervencionesTitle}</title>
	</ui:define>
	<ui:define name="left"></ui:define>
	<ui:define name="center">
		<h:form prependId="false" styleClass="formPrincipal">
			<p:ajaxStatus style="width:16px;height:16px;">
				<f:facet name="start">
					<h:graphicImage value="../images/loading.gif" />
				</f:facet>
				<f:facet name="complete">
					<h:outputText value="" />
				</f:facet>
			</p:ajaxStatus>
			<p:growl id="msgs" showDetail="true" />
			<p:panel header="#{msg.buscar}" id="buscar">
				<h:panelGrid columns="7">
					<h:outputLabel value="#{msg.usuario}: "></h:outputLabel>
					<p:inputText id="usuario"
						value="#{intervencionesBean.cadenaUsuario}">
						<p:ajax event="keyup" update="intervencions,listadoIntervencions"
							listener="#{intervencionesBean.buscar}" />
					</p:inputText>
					<h:outputLabel value="#{msg.tecnico}: "></h:outputLabel>
					<p:inputText id="tecnico"
						value="#{intervencionesBean.cadenaTecnico}">
						<p:ajax event="keyup" update="intervencions,listadoIntervencions"
							listener="#{intervencionesBean.buscar}" />
					</p:inputText>
					<h:outputLabel value="#{msg.departamento}: "></h:outputLabel>
					<h:panelGrid columns="2">
						<p:selectOneMenu value="#{intervencionesBean.departamento}"
							effect="fade">
							<f:selectItem itemLabel="#{msg.seleccioneDepartamento}"
								itemValue="" />
							<f:selectItems value="#{intervencionesBean.nombreDepartamentos}" />
							<p:ajax update="intervencions,listadoIntervencions"
								listener="#{intervencionesBean.buscar}" />
						</p:selectOneMenu>
					</h:panelGrid>
					<p:commandLink value="#{msg.limpiar}"
						action="#{intervencionesBean.limpiar}" update="@form"></p:commandLink>
				</h:panelGrid>
			</p:panel>
			<p:panel header="#{msg.intervenciones}" id="intervencions">
				<p:dataTable id="listadoIntervencions"
					value="#{intervencionesBean.intervencionsDeDepartamentos}"
					var="intervencionVar" emptyMessage="#{msg.tablaVacia}"
					paginator="true" rows="10"
					rowEditListener="#{intervencionesBean.updateIntervencion}">
					<p:column headerText="#{msg.tipo}" style="width:70px"
						sortBy="#{intervencionVar.tipo}">
						<h:outputText value="#{intervencionVar.tipo}" />
					</p:column>
					<p:column headerText="#{msg.fecha}" style="width:70px"
						sortBy="#{intervencionVar.fecha}">
						<h:outputText value="#{intervencionVar.fecha}" />
					</p:column>
					<p:column headerText="#{msg.tecnico}" style="width:100px">
						<h:outputText
							value="#{intervencionVar.tecnicoBean.nombre} #{intervencionVar.tecnicoBean.apellidos}" />
					</p:column>
					<p:column headerText="#{msg.usuario}" style="width:100px">
						<h:outputText
							value="#{intervencionVar.usuarioBean.nombre} #{intervencionVar.usuarioBean.apellidos}" />
					</p:column>
					<p:column headerText="#{msg.observaciones}" style="width:200px">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText value="#{intervencionVar.observaciones}" />
							</f:facet>
							<f:facet name="input">
								<p:inputTextarea value="#{intervencionVar.observaciones}"
									autoResize="false"></p:inputTextarea>
							</f:facet>
						</p:cellEditor>
					</p:column>
					<p:column headerText="#{msg.documentos}" style="width:100px">
						<p:cellEditor>
							<f:facet name="output">
								<ui:repeat var="documentoVar"
									value="#{intervencionVar.documentos}">
									<p:commandLink value="#{documentoVar.tipo}"
										action="#{intervencionesBean.descargarArchivo}" ajax="false">
										<f:setPropertyActionListener
											target="#{intervencionesBean.path}"
											value="#{documentoVar.intervencionBean.idIntervencion},#{documentoVar.tipo}"></f:setPropertyActionListener>
									</p:commandLink>
									<br />
								</ui:repeat>
							</f:facet>
							<f:facet name="input">
								<h:panelGroup>
									<p:commandLink value="#{msg.aniadirDoc}"
										oncomplete="addDocumendosDlg.show();">
										<f:setPropertyActionListener
											target="#{intervencionesBean.intervencionAmodificar}"
											value="#{intervencionVar}"></f:setPropertyActionListener>
									</p:commandLink>
									<br />
									<ui:repeat var="documentoVar"
										value="#{intervencionVar.documentos}" id="documentos">
										<h:panelGroup id="listaDocumentos" style="border:none;">
											<h:outputText value="#{documentoVar.tipo}" />
											<p:commandLink title="#{msg.eliminar}"
												onclick="documentoDlg.show();">
												<p:graphicImage value="../images/buttons/delete.png"
													width="10" height="10"></p:graphicImage>
												<f:setPropertyActionListener
													target="#{intervencionesBean.documentoAEliminar}"
													value="#{documentoVar}"></f:setPropertyActionListener>
											</p:commandLink>
											<br />
										</h:panelGroup>
									</ui:repeat>
								</h:panelGroup>
							</f:facet>
						</p:cellEditor>
					</p:column>
					<p:column headerText="#{msg.opciones}" style="width:70px">
							<p:rowEditor/>
							<h:panelGroup
								rendered="#{intervencionVar.tecnicoBean.departamentoBean.nombre=='Vivienda y alojamiento'}">
								<p:commandLink value="#{msg.aniadirOferta}"
									oncomplete="addOfertaVivienda.show();"
									update="addOfertaViviendaPanel"
									rendered="#{intervencionVar.ofertaviviendas==null or empty intervencionVar.ofertaviviendas}">
									<f:setPropertyActionListener
										target="#{intervencionesBean.intervencionOferta}"
										value="#{intervencionVar}"></f:setPropertyActionListener>
								</p:commandLink>
								<p:commandLink value="#{msg.verOferta}"
									oncomplete="mostrarOferta.show();" update="mostrarOfertaPanel"
									rendered="#{intervencionVar.ofertaviviendas!=null and not empty intervencionVar.ofertaviviendas}">
									<f:setPropertyActionListener
										target="#{intervencionesBean.ofertaSeleccionada}"
										value="#{intervencionVar.ofertaviviendas[0]}"></f:setPropertyActionListener>
								</p:commandLink>
							</h:panelGroup>
					</p:column>
				</p:dataTable>
				<p:confirmDialog message="#{msg.eliminarDocumento}"
					widgetVar="documentoDlg" id="documentoDlg"
					header="#{msg.confirmacion}" modal="true">
					<h:panelGrid columns="2">
						<p:commandButton update="@form"
							action="#{intervencionesBean.eliminarDocumento}"
							value="#{msg.si}" oncomplete="documentoDlg.hide();"></p:commandButton>
						<p:commandButton value="#{msg.no}"
							oncomplete="documentoDlg.hide();"></p:commandButton>
					</h:panelGrid>
				</p:confirmDialog>
				<p:dialog id="addDocumendosDlg" modal="true"
					widgetVar="addDocumendosDlg" header="#{msg.aniadirDoc}">
					<h:panelGrid columns="2" id="addDocumentos">
						<p:fileUpload label="#{msg.subirArchivos}"
							sizeExceedMessage="#{msg.ficheroGrande}"
							fileUploadListener="#{intervencionesBean.handleFileUpload}"
							mode="advanced" multiple="true" auto="true"
							update="msgs,documentosNuevos,listaDocumentosNuevos,addDocumentos"
							sizeLimit="10000000" />
						<ui:repeat var="documentoVar1"
							value="#{intervencionesBean.nombresDocumentos}"
							id="documentosNuevos">
							<h:panelGrid columns="2" id="listaDocumentosNuevos">
								<h:outputText value="#{documentoVar1}" />
								<p:commandLink title="#{msg.eliminar}"
									action="#{intervencionesBean.quitarDocumento}"
									update="documentosNuevos,listaDocumentosNuevos,addDocumentos">
									<p:graphicImage value="../images/buttons/delete.png" width="16"
										height="16"></p:graphicImage>
									<f:setPropertyActionListener
										target="#{intervencionesBean.documento}"
										value="#{documentoVar1}"></f:setPropertyActionListener>
								</p:commandLink>
								<br />
							</h:panelGrid>
						</ui:repeat>
						<p:commandButton update="@form"
							action="#{intervencionesBean.guardarDocumentos}"
							value="#{msg.guardar}" oncomplete="addDocumendosDlg.hide();"></p:commandButton>
						<p:commandButton value="#{msg.cancelar}"
							oncomplete="addDocumendosDlg.hide();"></p:commandButton>
					</h:panelGrid>
				</p:dialog>
				<p:dialog id="addOfertaVivienda" modal="true" width="400"
					height="260" widgetVar="addOfertaVivienda"
					header="#{msg.aniadirOferta}">
					<h:panelGrid columns="2" id="addOfertaViviendapanel">
						<h:outputText value="#{msg.usuario}: "></h:outputText>
						<h:outputText
							value="#{intervencionesBean.intervencionOferta.usuarioBean.nombre} #{intervencionesBean.intervencionOferta.usuarioBean.apellidos}"></h:outputText>
						<h:outputText value="#{msg.tecnico}: "></h:outputText>
						<h:outputText
							value="#{intervencionesBean.currentTecnico.nombre} #{intervencionesBean.currentTecnico.apellidos}"></h:outputText>
						<h:outputText value="#{msg.numHabitaciones}:"></h:outputText>
						<p:inputText style="width:157px"
							value="#{intervencionesBean.nuevaOferta.numHabitaciones}"></p:inputText>
						<h:outputText value="#{msg.personaContacto}:"></h:outputText>
						<p:autoComplete value="#{intervencionesBean.nombreContacto}"
							completeMethod="#{intervencionesBean.complete}" maxResults="20"
							queryDelay="1000" style="width:157px" id="contactoAuto">
						</p:autoComplete>
						<h:outputText value="#{msg.direccionVivienda}: "></h:outputText>
						<p:inputTextarea autoResize="false"
							value="#{intervencionesBean.nuevaOferta.direccion}"></p:inputTextarea>
						<p:commandButton update="intervencions,listadoIntervencions"
							action="#{intervencionesBean.addOferta}" value="#{msg.guardar}"
							oncomplete="addOfertaVivienda.hide();"></p:commandButton>
						<p:commandButton value="#{msg.cancelar}"
							oncomplete="addOfertaVivienda.hide();"></p:commandButton>
					</h:panelGrid>
				</p:dialog>
				<p:dialog id="mostrarOferta" modal="true" width="350" height="180"
					widgetVar="mostrarOferta" header="#{msg.detalleOferta}">
					<h:panelGrid columns="2" id="mostrarOfertaPanel">
						<h:outputText value="#{msg.usuario}: "></h:outputText>
						<h:outputText
							value="#{intervencionesBean.ofertaSeleccionada.usuarioBean.nombre} #{intervencionesBean.ofertaSeleccionada.usuarioBean.apellidos}"></h:outputText>
						<h:outputText value="#{msg.tecnico}: "></h:outputText>
						<h:outputText
							value="#{intervencionesBean.ofertaSeleccionada.tecnicoBean.nombre} #{intervencionesBean.ofertaSeleccionada.tecnicoBean.apellidos}"></h:outputText>
						<h:outputText value="#{msg.numHabitaciones}:"></h:outputText>
						<h:outputText
							value="#{intervencionesBean.ofertaSeleccionada.numHabitaciones}"></h:outputText>
						<h:outputText value="#{msg.personaContacto}:"></h:outputText>
						<h:outputText
							value="#{intervencionesBean.ofertaSeleccionada.contactovivienda.nombre}"></h:outputText>
						<h:outputText value="#{msg.direccionVivienda}: "></h:outputText>
						<h:outputText
							value="#{intervencionesBean.ofertaSeleccionada.direccion}"></h:outputText>
						<p:commandButton value="#{msg.ok1}"
							oncomplete="mostrarOferta.hide();"></p:commandButton>
					</h:panelGrid>
				</p:dialog>
			</p:panel>
		</h:form>


	</ui:define>
</ui:composition>